
.cate-container {
  display: flex;
  height: ~'calc(100vh - 90rpx)';
  .leftMenu {
    flex: 1;
    background: #f4f4f4;
    .leftMenu-data {
      height: 90rpx; 
      line-height: 90rpx;
      text-align: center;
      border-top: 4rpx solid #ebeae6;
    }
    .leftMenu-active {
      color:#eb4450;
      border-left:  4rpx solid #eb4450;
    }
  }
  .rightContainer {
    flex: 3;
    .container-title {
      width: 100%;
      height: 90rpx;
      text-align: center;
      line-height: 90rpx
    }
    .container-products {
      display: flex;
      flex-wrap: wrap;
      navigator {
        width: 33.33%;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20rpx 0;
        image {
          width: 70%;
        }
        
      }
    }
  }
}